<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>详情页面</title>
    <link rel="stylesheet" href="/js/elementui/index.css">
</head>
<body>


<div id="app">
    <div>

 <span>基本信息</span>
        <el-row :gutter="20">
            <el-col :span="6"><div class="grid-content bg-purple"><span>id :</span>  <span>{{details.id}}</span> </div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple"><span>用户名称 :</span>  <span>{{details.name}}</span> </div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple"><span>地区: </span>  <span>{{details.companyAddress}}</span></div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple"><span>创建时间: </span>  <span>{{details.entryTime}}</span></div></el-col>
        </el-row>

        <el-row :gutter="20">
            <el-col :span="6"><div class="grid-content bg-purple"><span>联系方式: </span>  <span>{{details.tel}}</span></div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple"><span>公司地区: </span>  <span>{{details.companyAddress}}</span></div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple"><span>所属企业: </span>  <span>{{details.companyName}}</span> </div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple"><span>状态: </span>  <span>{{ details.accountStatus==0?'已停用':'已激活' }}</span></div></el-col>

        </el-row>

        <el-row :gutter="20">
            <el-col :span="6"><div class="grid-content bg-purple"><span>个人方式: </span>  <span>{{details.companyIntroduction}}</span></div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>

        </el-row>

    </div>



    <el-button plain @click="returnPage">返回上一级</el-button>
</div>

<script src="/js/vue/vue.js"></script>
<script src="/js/axios/axios.min.js"></script>
<script src="/js/qs/qs.min.js"></script>
<script src="/js/elementui/index.js"></script>

<style>
    .el-row {
        margin-bottom: 20px;
    &:last-child {
         margin-bottom: 0;
     }
    }
    .el-col {
        border-radius: 4px;
    }
    .bg-purple-dark {
        background: #99a9bf;
    }
    .bg-purple {
        background: #d3dce6;
    }
    .bg-purple-light {
        background: #e5e9f2;
    }
    .grid-content {
        border-radius: 4px;
        min-height: 36px;
    }
    .row-bg {
        padding: 10px 0;
        background-color: #f9fafc;
    }
</style>



<script>


    new Vue({
        el:"#app",
        data(){
            return{

                details:{
                    id:''
                }
            }



        },
        mounted() {
        //加载所有的信息
            axios.get("/qiYeToDetailsAll").then(value => {
              if (value.data.code==1){
                  this.details=value.data.data[0];

              }

            })
        } ,
        methods:{
            // 返回上一级
            returnPage(){

                window.history.back(); //返回上一页

            }


        }

    })




</script>



</body>
</html>